$color-primary: #3f5ac1;
$color-success: #4cd964;
$color-warning: #f0ad4e;
$color-error: #dd524d;
//字体
$text-color: #333;
$text-color-inverse: #fff;
$text-placeholder: #7f7f7f;
$text-grey: #999999;
$text-black: #161c2d;
//边框
$border-color: #dcdfe6;
//背景
$bg-color: #f7f9fb;
$bg-color-w: #fff;
$bg-color-purle: #eaeffd;
/*==== ellipse ====*/
@mixin ellipse() {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
// 多行省略
@mixin multiEllipse($lineNum: 2) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $lineNum;
  -webkit-box-orient: vertical;
}
@mixin placeholder($color: initial, $fontSize: initial) {
  textarea::-webkit-input-placeholder,
  input::-webkit-input-placeholder {
    color: $color;
    font-size: $fontSize;
  }
  textarea::-moz-placeholder,
  input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: $color;
    font-size: $fontSize;
  }
  textarea:-moz-placeholder,
  input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: $color;
    font-size: $fontSize;
  }
  textarea:-ms-input-placeholder,
  input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: $color;
    font-size: $fontSize;
  }
}
